<template>
  <el-row type="flex" justify="space-around">
    <el-col :span="6"
      ><div class="grid-content ">
        <ul class="wh-ul">
        <h2 class="wh-h2">查找或预定</h2>
        <li>我们的目的地</li>
        <li>查找预定</li>
        <li>会议与宴会</li>
        <li>餐厅与酒吧</li>
        </ul>
      </div></el-col
    >
    <el-col :span="6"
      ><div class="grid-content ">
         <ul>
        <h2 class="wh-h2">贵宾金环会</h2>
        <li>会员计划概述</li>
        <li>加入金环会</li>
        <li>我的账户</li>
        <li>常见问题</li>
        </ul>
      </div></el-col
    >
    <el-col :span="6"
      ><div class="grid-content ">
        <ul>
        <h2 class="wh-h2">关于香格里拉</h2>
        <li>关于我们</li>
        <li>我们的酒店品牌</li>
        <li>香格里拉中心</li>
        <li>香格里拉公寓</li>
        </ul>
      </div></el-col
    >
    <el-col :span="6"
      ><div class="grid-content ">
         <ul>
        <h2 class="wh-h2">加盟我们</h2>
        <li>投资咨询</li>
        <li>职业发展</li>
        <li>企业社会责任</li>
        <li>新闻稿</li>
        </ul>
      </div></el-col
    >
  </el-row>
</template>
<style scoped>
li{
  font-size: 13px;
  padding-bottom: 5px
}
.wh-h2{
  font-size: 18px;
}
 ul{
   text-align: center;
   color: #fff;
 }
 .el-col-6{
width: 18%;
 }
 .el-row{
   background-color: #133C58;
 }
</style>